<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>H5状态标签</title>
</head>
<body>
<div>
  <h2>基本用法</h2>
  <meter value="10" min="0" max="100" low="20" high="80"></meter>
  <meter value="50" min="0" max="100" low="20" high="80"></meter>
  <meter value="90" min="0" max="100" low="20" high="80"></meter>
</div>
<div>
  <h2>optimum属性</h2>
  <!--optimum落在哪个区间,哪个区间为正常值-->
  <meter value="10" min="0" max="100" low="20" high="80" optimum="90"></meter>
  <meter value="50" min="0" max="100" low="20" high="80" optimum="90"></meter>
  <meter value="90" min="0" max="100" low="20" high="80" optimum="90"></meter>
</div>
<div>
  <h2>进度</h2>
  <progress></progress>
  <progress max="100" value="20"></progress>
</div>
</body>
</html>
